<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>确认订单</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/order.css">
    <link rel="stylesheet" href="./css/common.css">
</head>
<body>
    <div class="order">
        <div class="title">
            <i class="iconfont icon-ico_leftarrow"></i>
            <span>我的订单</span>
            <i class="iconfont icon-fenlei1"></i>
        </div>
        <div class="area">
            <div class="area1">
            <p class="name"><span>收件人 ：YouSu</span><span>1000000000</span></p>
            <p><span>收获地址 ：北京市海淀区隐泉路清林苑6号楼中公优就业总部</span></p>
        </div>
        <i class="iconfont icon-z043"></i>
    </div>
    <div class="goods">
        <div class="goods-top">
            <div class="gt-l">
            <img src="./image/order/shop.jpg" alt="">
            <div class="text">
            <p><span>雅诗兰黛护肤霜</span></p>
            <p><span>规格 ：50g</span></p></div>
    </div>
        <p class="price"><span>&yen;</span><span>120.00</span></p>
        </div>
        <div class="goods-middle">
            <div class="gm-l">
                <span>购买数量  :</span>
            </div>
            <div class="gm-r">
               <div class="one"><span>-</span></div>
               <div class="two"><span>1</span></div>
               <div class="one"><span>+</span></div>
            </div>
        </div>
        <div class="goods-bottom">
            <p><span>配送方式</span></p>
            <p><span>xx快递</span></p>
        </div>
    </div>
    <div class="coupon">
        <p><span>优惠券</span></p>
        <p><span>无可用</span></p>
    </div>
    <div class="points">
        <p><span>使用积分</span></p>
        <div class="points-r">
            <div class="input"><span>输入积分</span></div>
            <div class="btn"><span>使用</span></div>
            <div class="points-text">
            <span>可用</span>
            <span class="span1">50</span>
            <span>积分</span>
        </div>
        </div>
    </div>
    <div class="total">
        <div class="total-top">
            <ul>
                <li>商品金额</li>
                <li>运费</li>
                <li>优惠券</li>
                <li>会员优惠</li>
                <li>积分抵扣</li>
            </ul>
            <ul class="tariff">
                <li>&yen;68.00</li>
                <li>+&yen;00.00</li>
                <li>-&yen;00.00</li>
                <li>-&yen;00.00</li>
                <li>-&yen;00.00</li>
            </ul>
        </div>
        <div class="total-bottom">
            <div class="sum"><span>实付金额 ：</span><span>&yen;68.00</span></div>
            <div class="button"><span>提交订单</span></div>
        </div>
    </div>
    <div class="white"></div>
    <div class="bottom">
        <div>
        <img src="./image/public/icon_8.jpg" alt="" class="pic1">
        <p>首页</p>
    </div>
    <div>
        <img src="./image/public/icon_9.jpg" alt="" class="pic2">
        <p class="p1">购物车</p>
    </div>
    <div>
        <img src="./image/public/icon_5.jpg" alt="" class="pic3">
        <p >我的</p>
    </div>
    </div>
    </div>
</body>
</html>